<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>银行卡挂失/解挂</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.1.3/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container mt-5" style="max-width:400px;">
    <h2 class="mb-4">银行卡挂失/解挂</h2>
    <form th:action="@{/user/report-loss}" method="post">
        <div class="mb-3">
            <label class="form-label">卡号</label>
            <input type="text" class="form-control" name="cardID" required />
        </div>
        <div class="mb-3">
            <label class="form-label">操作</label>
            <select class="form-select" name="action" required>
                <option value="loss">挂失</option>
                <option value="unloss">解挂</option>
            </select>
        </div>
        <div class="d-grid gap-2">
            <button type="submit" class="btn btn-primary">确认操作</button>
            <a href="/user/main" class="btn btn-link">返回主页</a>
        </div>
        <div th:if="${error}" class="text-danger mt-2" th:text="${error}"></div>
        <div th:if="${success}" class="text-success mt-2" th:text="${success}"></div>
    </form>
</div>
</body>
</html> 